// 展现相册的函数，第一个函数为含有用户ID的个人信息，用于查找该ID下的所有相册；第二个参数为相册插入的容器
function showAlbum(obj, wrapper) {
    var loupe = document.getElementById("loupe");
    ajax({
        type: 'get',
        url: 'http://www.rushmc.top/api/album/oneAlbum',
        data: {
            userId: obj.id
        },
        header: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        success: function (response) {
            if (response.code == 40004) {
                wrapper.innerHTML = "暂无相册";
            } else {
                // 创建相册，刷新功能
                for (let i = 0; wrapper.firstElementChild; i++) {
                    wrapper.removeChild(wrapper.firstElementChild);
                }
                // 遍历返回报文，插入所有个人相册
                for (let i = 0; i < response.data.length; i++) {
                    var T_div = document.createElement("div");
                    var div = document.createElement("div");
                    var span = document.createElement("span");
                    span.innerHTML = response.data[i].albumId;
                    var h2 = document.createElement("h2");
                    h2.innerHTML = response.data[i].title;
                    var label = document.createElement("label");
                    var input = document.createElement("input");
                    input.type = "file";
                    input.style.display = "none";
                    input.multiple = "multiple"
                    label.appendChild(input);
                    label.innerHTML += "添加";
                    // 用于存放添加相片时打开的文件
                    var filesarr = new Array;
                    // 当文件发生读取等变化时的函数
                    label.onchange = function (event) {
                        var photoWrapper = document.createElement("div");
                        this.parentNode.appendChild(photoWrapper);
                        if(event.target.files.length==0){
                            return;
                        }
                        for (let i = 0; i < event.target.files.length; i++) {
                            if (event.target.files[i].size > 1024 * 1024) {
                                continue;
                            }
                            filesarr.push(event.target.files[i]);
                        }
                        // 预览函数
                        showPreview(event.target, photoWrapper);
                        var cancelFile = document.getElementById("cancelFile");
                        var photo_S_wrapper = document.getElementById("S_wrapper");
                        // 取消添加按钮点击事件，删除所选择的文件
                        cancelFile.onclick = function () {
                            photoWrapper.parentNode.removeChild(photoWrapper);
                            event.target.value = "";
                            filesarr.length = 0;
                        }
                        if (photo_S_wrapper) {
                            var label2 = document.createElement("label");
                            label2.innerHTML = "确定添加";
                            photo_S_wrapper.appendChild(label2);
                            var albumId = this.parentNode.firstElementChild.innerHTML;
                            // 添加按钮的点击事件，添加某个相册中的相片
                            label2.onclick = function () {
                                ajax({
                                    type: "post",
                                    url: "http://www.rushmc.top/api/upload",
                                    data: {
                                        albumId: albumId,
                                        file: filesarr
                                    },
                                    success: function () {

                                        showAlbum(obj, albumList);
                                    }
                                });
                            }
                        }
                    }
                    T_div.appendChild(span);
                    T_div.appendChild(h2);
                    T_div.appendChild(label);
                    div.appendChild(T_div)
                    if (response.data[i].pictureList != null) {
                        // 插入相册中的每张照片
                        var H_div = document.createElement("div")
                        for (let x = 0; x < response.data[i].pictureList.length; x++) {
                            var a = document.createElement("a");
                            a.className = "Album_a";
                            var img = document.createElement("img");
                            img.className = "img";
                            img.setAttribute("data-src", "http://www.rushmc.top/" + response.data[i].pictureList[x].url)
                            img.src = "../img/Load.gif";
                            a.appendChild(img);
                            a.innerHTML += "删除";
                            // 取消点击图片时的冒泡，当光标挪移至照片时，出现跟照片对应的大图
                            a.firstChild.onmouseover = function (event) {
                                event.cancelBubble = true;
                                loupe.firstElementChild.src = event.target.src;
                            }
                            // 光标挪开时大图消失
                            a.firstChild.onmouseout = function () {
                                loupe.firstElementChild.src = ""
                            }
                            // 鼠标挪移到删除按钮时样式变化
                            a.onmouseover = function () {
                                this.style.color = "red";
                            }
                            a.onmouseout = function () {
                                this.style.color = "rgb(115, 115, 115)"
                            }
                            // 删除按钮的点击事件
                            a.onclick = function (event) {
                                if (event.target.firstElementChild.src) {
                                    // 弹出框确认是否删除，避免误操作
                                    if (confirm("确认删除该图片吗？")) {
                                        var albumId = event.target.parentNode.firstElementChild.firstElementChild.innerHTML;
                                        var filename = event.target.firstElementChild.src.replace("http://www.rushmc.top/", "");
                                        ajax({
                                            type: "post",
                                            url: "http://www.rushmc.top/api/deletePic",
                                            data: {
                                                filename: filename,
                                                albumId: albumId
                                            },
                                            success: function () {
                                                event.target.style.display = "none";
                                            }
                                        })

                                    }
                                }
                            }
                            // 相册初步显示4张照片，点击相册名称时出现所有相片，再次点击缩回
                            if (x <= 3) {
                                div.append(a);
                            } else {
                                H_div.append(a);
                                div.append(H_div);
                                H_div.style.display = "none";
                                var hiddenFlag = -1;
                                h2.onclick = function (event) {
                                    hiddenFlag = -hiddenFlag;
                                    if (hiddenFlag == -1) {
                                        event.target.parentNode.parentNode.lastElementChild.style.display = "block";
                                    } else {
                                        event.target.parentNode.parentNode.lastElementChild.style.display = "none";
                                    }
                                }
                            }
                        }
                    };
                    wrapper.appendChild(div);
                }
                var imgs = document.getElementsByClassName("img");
                // 懒加载
                lazyload(imgs)
            }
        }
    }, "normal")
}